<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=yes"/>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>{{$content->title}}</title>
    <link rel="stylesheet" type="text/css" href="{{url('css/jinxuan.css')}}" />
    <!-- 引入weui -->
    <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.1.1/css/jquery-weui.min.css">
    <script src="//cdn.bootcss.com/jquery-weui/1.1.1/js/jquery-weui.min.js"></script>
    <link rel="stylesheet" href="{{url('css/style.css')}}">
    <link rel="stylesheet" href="{{url('css/common.css')}}">
    <link rel="stylesheet" href="{{url('css/public.css')}}">
    <style>
        body{
            background-color: #f3f3f3;
        }

        .header{
            background-color: white;
        }
        .title-top{
            width: 90%;
            padding-top: 1.5rem;
            padding-left: 1.3rem;
            padding-bottom: 0.4rem;
            height: 1.8rem;
            text-align: left;
            position: relative;
        }
        .header .title-top img{
            width: 17%;
        }
        .header .title-top span{
            top: 1.25rem;
            position: absolute;
            margin-left: 0.3rem;
            font-size: 1.2rem;
            text-overflow: ellipsis;
        }
        .title-bottom{
            width: 90%;
            height: 1.8rem;
            text-align: left;
            padding-left: 1.3rem;
        }
        .author{
            color: #518CD2;
            font-size: 0.75rem;
        }
        .content-time{
            margin-left: 0.3rem;
            color: #9B9B9B;
        }
        .join{
            background-color: white;
            height: 2.8rem;
            position: fixed;
            width: 100%;
            bottom: 51px;
            z-index: 10;
        }
        .btn-join{
            width: 90%;
            left: 0.85rem;
            position: absolute;
            background-color: #5BA7FF;
            height: 41px;
            top: 0.3rem;
            border: none;
            border-radius: 4px;
            color: #fff;
            font-size: 0.8rem;
        }
        .member-num{
            width: 100%;
            font-size: 0.80rem;
            height: 30px;
            color: #576b95;
            padding-left: 1.5rem;
        }
        .font-size-xregular p{
            margin: -1px;
            padding: 0;
            line-height: 0
        }
        .icon-xian{
            background: url({{url("images/icon-xian.png")}});
        }
        .more{
            background-color: white;
            width: 100%;
            position: relative;
            height: 2.5rem;
        }
        .icon-xian-left{
            width: 20%;
            height: 1rem;
            position: absolute;
            left: 9%;
            top: 0.15rem;
            background: url({{url('images/icon-xian.png')}});
        }
        .more span{
            position: absolute;
            left: 32%;
            color: #4a4a4a;
            font-size: 0.75rem;
        }
        .icon-xian-right{
            width: 20%;
            height: 1rem;
            position: absolute;
            right: 9%;
            top: 0.15rem;
            background: url({{url('images/icon-xian.png')}});
        }
        .icon-down{
            background: url({{url('images/down.png')}});
        }
        .share{
            position: absolute;
            right: 1.0rem;
            bottom: 0rem;
            width: 4rem;
        }
        .share-icon{
            width: 24px;
        }
        .share-text{
            width: 48%;
            position: absolute;
            bottom: 0.2rem;
            right: 0.7rem;
        }
        .share-cover{
            width: 100%;
            height: 100%;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 1000;
            background-color: #000000;
            opacity: 0.7;
            display: none;
        }
        .shareDiv{
            position: fixed;
            right: 18px;
            top: 5px;
            z-index: 1001;
            display: none;
        }
        .shareDiv img{
            width: 260px;
            height: 180px;
        }
        .weui-article img{
            width: 100%;
        }
    </style>
</head>
<body>
<div>
    <!-- header -->
{{--<div class="header">--}}
{{--<div class="title-top">--}}
{{--<span>--}}
{{--@if($content)--}}
{{--{{$content->title}}--}}
{{--@endif--}}
{{--</span>--}}
{{--</div>--}}
{{--</div>--}}
<!-- 文案 -->
    <div class="article_box">
        {{--class="weui-article"--}}
        <article class="weui-article" style="padding: 10px;margin-bottom: 6.0rem;background-color: white">
            <!-- TODO：后台修改直接替换以下内容 -->
        <?php echo html_entity_decode($content->content); ?>
        <!-- /TODO：替换结束 -->
        </article>
    </div>
</div>
</body>